<script setup lang="ts">
import { init } from '.'
const glCanvas = ref<HTMLCanvasElement>()
onMounted(() => {
  if (!glCanvas.value) return
  const gl = glCanvas.value.getContext('webgl2')
  if (!gl) return
  init(gl)
})
</script>

<template>
  <canvas ref="glCanvas" class="glContainer"></canvas>
</template>

<style scoped>
.glContainer {
  width: 100vw;
  height: 100vh;
  position: absolute;
}
</style>
